<!-- This HTML code has been optimized by http://www.iwebtool.com/html_optimizer --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Mirrored from demo.thunderthemes.net/medicals/1/elements.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 08 Nov 2012 18:51:19 GMT -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Medicals Premium HTML theme - Elements</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960_12_col.css" />
<link rel="stylesheet" href="css/skin1.css" />
<link rel="stylesheet" href="css/nivo-slider.css" />
<link rel="stylesheet" href="css/jqueryslidemenu.css" />
<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script><script type="text/javascript" src="javascript/jqueryslidemenu.js"></script><script type="text/javascript" src="javascript/jquery.nivo.slider.js"></script><script type="text/javascript" src="javascript/jquery.bxSlider.min.js"></script><script type="text/javascript" src="javascript/jquery.elastislide.js"></script><!--[if gte IE 8]> <script type="text/javascript" src="javascript/media-queries-ie.js"></script> <![endif]--><!--[if IE]> <link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/> <![endif]--><script type="text/javascript" src="javascript/custom.js"></script><script type="text/javascript" src="javascript/scrolltop.js"></script><script type="text/javascript" src="javascript/jquery.toggleElements.pack.js"></script><script type="text/javascript" src="javascript/jquery.tools.min.js"></script>
</head>
<body>
<div id="wrapper" class="boxed">
  <div class="top_navigation_container">
    <div class="top_navigation">
      <ul>
        <li><a href="#">Contact us</a></li>
        <li><a href="#">Our company</a></li>
        <li><a href="#">Site map</a></li>
      </ul>
    </div>
    <div class="top_navigation_social">
      <p>Follow us</p>
      <ul>
        <li class="social_facebook"> <a href="#">Facebook</a> </li>
        <li class="social_twitter"> <a href="#">Twitter</a> </li>
        <li class="social_dribbble"> <a href="#">Dribbble</a> </li>
        <li class="social_linkedin"> <a href="#">Linkedin</a> </li>
        <li class="social_pinterest"> <a href="#">Pinterest</a> </li>
      </ul>
    </div>
  </div>
  <div id="header"><!-- Header start -->
    <div class="container_12 clearfix"><!-- Logo and Search -->
      <div class="grid_12">
        <div class="logo"> <a href="index-2.html"><img src="images/logo.png" width="254" height="69" alt="Logo" /></a></div>
        <div class="search_wrapper">
          <form id="searchform" action="#" method="get">
            <div id="search-text">
              <input id="s" type="text" name="s" />
            </div>
            <input id="searchsubmit" type="submit" value="search" />
            <br class="clear" />
          </form>
        </div>
      </div>
    </div>
    <!-- Logo and Search end -->
    <div class="container_12 clearfix"><!-- Menu container -->
      <div class="grid_12"><!-- Start Menu -->
        <div id="topnav" class="jqueryslidemenu">
          <ul>
            <li><a href="index-2.html">Home</a>
              <ul>
                <li><a href="index2.html">Home 2 - Flex Slider</a></li>
              </ul>
            </li>
            <li><a class="navEffect" href="#">Subitems</a>
              <ul>
                <li><a href="#">Sub Item 1</a></li>
                <li><a href="#">Sub Item 1</a></li>
                <li><a href="#">Sub Item 1</a></li>
                <li><a href="#">Sub Item 1</a></li>
                <li><a href="#">Sub Item 1</a></li>
                <li><a href="#">Sub Item 2</a>
                  <ul>
                    <li><a href="#">Sub Item 2.1</a></li>
                    <li><a href="#">Sub Item 2.2</a></li>
                    <li><a href="#">Sub Item 2.3</a></li>
                    <li><a href="#">Sub Item 2.3</a>
                      <ul>
                        <li><a href="#">Sub Item 2.3.1</a></li>
                        <li><a href="#">Sub Item 2.3.2</a></li>
                        <li><a href="#">Sub Item 2.3.3</a></li>
                        <li><a href="#">Sub Item 2.3.4</a></li>
                        <li><a href="#">Sub Item 2.3.5</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="#">Health and Care</a></li>
            <li><a href="#">Features</a>
              <ul>
                <li><a href="full_width.html">Columns</a></li>
                <li><a href="elements.html">Elements</a></li>
              </ul>
            </li>
            <li><a href="#">Theme Pages</a>
              <ul>
                <li><a href="category.html">Blog</a></li>
                <li><a href="category-2.html">Blog 2</a></li>
                <li><a href="archive.html">Archive Page</a></li>
                <li><a href="search.html">Search Page</a></li>
                <li><a href="contacts.html">Contact Page</a></li>
                <li><a href="single.html">Single Page</a></li>
              </ul>
            </li>
            <li><a href="laboratories.html">Our laboratories</a></li>
            <li><a href="contacts.html">Contact us</a></li>
          </ul>
        </div>
      </div>
      <!-- end menu --> </div>
    <!-- end menu --> </div>
  <!-- Header end -->
  <div class="container_12 clearfix">
    <div id="content_wrapper">
      <div class="grid_12 page_title">
        <h1>Title of the article can also be more than one line long and goes well <span class="subtitle">Article subtitle as long as you want </span></h1>
        <!--            	<div class="page_navigation"> <ul> <li><a href="#">Home</a></li> <li class="active"><a href="#">Titolo Categoria</a></li> </ul> </div>--> </div>
      <div id="content" class="grid_6">
        <h1> Title h1</h1>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
        <h2>Title h2</h2>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
      </div>
      <div class="grid_6">
        <h3>Title h3</h3>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros. </p>
        <h4>Title h4</h4>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros. </p>
        <h5>Title h5</h5>
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros. </p>
      </div>
      <div class="grid_12">
        <div class="separator line"></div>
      </div>
      <div class="grid_3 columns">
        <h3>Ordered list</h3>
        <ol class="ordered">
          <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit
            <ol>
              <li>Integer molestie metus eu quam tincidunt sed posuere id nulla</li>
              <li>Aliquam elementum erat a felis sagittis in sodales dictum</li>
              <li>Vestibulum libero ante molestie sit amet facilisis pellentesque</li>
            </ol>
          </li>
          <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
          <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
          <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
        </ol>
        <a class="button large green" href="http://themeforest.net/user/thunderthemes">Purchase Now</a> </div>
      <div class="grid_3 columns">
        <h3>Unordered list</h3>
        <ul class="unordered">
          <li>Nullam sit amet ipsum ac diam egestas cursus</li>
          <li>In sodales odio quis felis semper in tincidunt</li>
          <li>Aenean amet nunc vestibulum consectetur in ornare</li>
          <li>Curabitur tristique cursus diam pretium dignissim</li>
          <li>Phasellus nec nulla et purus imperdiet tincidunt</li>
          <li>Fusce eleifend condimentum tortor pretium vestibulum</li>
          <li>Fusce eleifend condimentum tortor pretium vestibulum</li>
        </ul>
        <a class="button large orange" href="http://themeforest.net/user/thunderthemes">Purchase Now</a> </div>
      <div class="grid_3 columns">
        <h3>Bullet list</h3>
        <ul class="bullet">
          <li>Nullam sit amet ipsum ac diam egestas cursus</li>
          <li>In sodales odio quis felis semper in tincidunt</li>
          <li>Aenean amet nunc vestibulum consectetur in ornare</li>
          <li>Curabitur tristique cursus diam pretium dignissim</li>
          <li>Phasellus nec nulla et purus imperdiet tincidunt</li>
          <li>Fusce eleifend condimentum tortor pretium vestibulum</li>
          <li>Fusce eleifend condimentum tortor pretium vestibulum</li>
        </ul>
        <a class="button large blue" href="http://themeforest.net/user/thunderthemes">Purchase Now</a> </div>
      <div class="grid_3 columns">
        <h3>Check and arrow List</h3>
        <ul class="check">
          <li>Mi lectus mattis massa, quis aliquam erat arcu sodales</li>
          <li>Donec varius luctus magna, ac tincidunt eros sit amet</li>
          <li class="cross">Nulla eget libero eu est egestas vulputate sed vel urna</li>
          <li class="cross">Nulla eget libero eu est egestas vulputate sed vel urna</li>
        </ul>
        <ul class="arrow">
          <li>Suspendisse pellentesque risus a nunc egestas imperdiet</li>
          <li>Donec et enim congue odio fermentum scelerisque eu ipsum</li>
          <li>Maecenas venenatis nibh sit amet ligula malesuada faucibus</li>
        </ul>
        <a class="button large red" href="http://themeforest.net/user/thunderthemes">Purchase Now</a> </div>
      <div class="grid_12">
        <div class="separator line"></div>
      </div>
      <div class="grid_12">
        <h3>Image with alignment left</h3>
        <a href="#"><img class="alignleft" src="images/img-placeholder.jpg" width="250" height="184" alt="Image Placeholder" /></a> Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. nihil imperdiet doming id quod mazim placerat facer possim assum. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim </div>
      <div class="grid_12">
        <h3>Image with alignment right</h3>
        <a href="#"><img class="alignright" src="images/img-placeholder.jpg" width="250" height="184" alt="Image Placeholder" /></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </div>
      <div class="grid_12">
        <div class="separator line"></div>
      </div>
      <div class="grid_6">
        <h3 class="bordtitles">Notifications</h3>
        <div id="notification_1" class="notification notice closeable">
          <p><span>Info!</span> If you're looking for service which isn't listed below.</p>
          <a class="close" href="#"></a> </div>
        <div id="notification" class="notification error closeable" style="display: block;">
          <p><span>Error!</span> Please fill in all the fields required.</p>
          <a class="close" href="#"></a> </div>
      </div>
      <div class="grid_6">
        <h3 class="bordtitles">Notifications 2</h3>
        <div id="notification_2" class="notification success closeable" style="display: block;">
          <p><span>Success!</span> You did it, now relax and enjoy it.</p>
          <a class="close" href="#"></a> </div>
        <div id="notification_3" class="notification warning closeable" style="display: block;">
          <p><span>Warning!</span> Change this and that and try again.</p>
          <a class="close" href="#"></a> </div>
      </div>
      <div class="grid_12">
        <div class="separator line"></div>
        <h3 class="bordtitles">Toggle</h3>
        <div class="block_accordion">
          <div class="button_outer first">
            <div class="button_inner">Therapy Description</div>
          </div>
          <div class="content" style="display: none;">
            <div class="centers_item one"> <span class="description_left">Day cycles</span> <span class="description_right">3hours/day</span> </div>
            <div class="centers_item two"> <span class="description_left">Week cycles</span> <span class="description_right">1day/5ml</span> </div>
            <div class="centers_item one"> <span class="description_left">Year cycles</span> <span class="description_right">250days/year 4ml</span> </div>
            <div class="centers_item two"> <span class="description_left">Therapy name</span> <span class="description_right">Enterogermina</span> </div>
          </div>
          <div class="button_outer current">
            <div class="button_inner">Google Map : Lookup</div>
          </div>
          <div class="content map" style="display: none;">
            <p>
              <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.it/maps?f=q&amp;source=s_q&amp;hl=it&amp;geocode=&amp;q=via+san+giovanni+valdarno,+roma&amp;aq=&amp;sll=45.478225,9.153267&amp;sspn=0.176697,0.528374&amp;ie=UTF8&amp;hq=&amp;hnear=Via+San+Giovanni+Valdarno,+00138+Roma,+Lazio&amp;t=m&amp;z=14&amp;ll=42.006579,12.518659&amp;output=embed"></iframe>
            </p>
          </div>
          <div class="button_outer last">
            <div class="button_inner">Readable content of a page when looking.</div>
          </div>
          <div class="content last" style="display: none;">
            <p>Established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that. </p>
          </div>
        </div>
      </div>
      <div class="grid_12">
        <div class="separator line"></div>
      </div>
      <div class="grid_12">
        <h3 class="bordtitles">Content with Dropcaps</h3>
      </div>
      <div class="grid_3 columns"> <span class="dropcap1">A</span> Cras consequat porttitor tincidunt. Praesent eu tincidunt lacus. Donec ut neque vitae erat congue venenatis. Duis hendrerit lacinia leo in dignissim. Aliquam erat volutpat. </div>
      <div class="grid_3 columns"> <span class="dropcap1">B</span> Cras consequat porttitor tincidunt. Praesent eu tincidunt lacus. Donec ut neque vitae erat congue venenatis. Duis hendrerit lacinia leo in dignissim. Aliquam erat volutpat. </div>
      <div class="grid_3 columns"> <span class="dropcap1">C</span> Cras consequat porttitor tincidunt. Praesent eu tincidunt lacus. Donec ut neque vitae erat congue venenatis. Duis hendrerit lacinia leo in dignissim. Aliquam erat volutpat. </div>
      <div class="grid_3 columns"> <span class="dropcap1">D</span> Cras consequat porttitor tincidunt. Praesent eu tincidunt lacus. Donec ut neque vitae erat congue venenatis. Duis hendrerit lacinia leo in dignissim. Aliquam erat volutpat. </div>
      <div class="grid_12">
        <div class="separator line"></div>
      </div>
      <div class="grid_12">
        <h3 class="bordtitles">Standard Tables</h3>
        <table class="standard-table">
          <tbody>
            <tr>
              <th>Doctor Name</th>
              <th>Therapy Desc</th>
              <th>Therapy 1</th>
              <th>Therapy 2</th>
            </tr>
            <tr>
              <td>Doctor #1</td>
              <td>Description</td>
              <td>Therapy 1</td>
              <td>Therapy 2</td>
            </tr>
            <tr>
              <td>Doctor #2</td>
              <td>Description</td>
              <td>Therapy 1</td>
              <td>Therapy 2</td>
            </tr>
            <tr>
              <td>Doctor #3</td>
              <td>Description</td>
              <td>Therapy 1</td>
              <td>Therapy 2</td>
            </tr>
            <tr>
              <td>Doctor #4</td>
              <td>Description</td>
              <td>Therapy 1</td>
              <td>Therapy 2</td>
            </tr>
            <tr>
              <td>Doctor #5</td>
              <td>Description</td>
              <td>Therapy 1</td>
              <td>Therapy 2</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <!-- End content wrapper --> </div>
  <!-- End container_12 -->
  <div id="pre_footer">
    <div class="pre_footer_wrapper">
      <div id="footersliding" class="container_12 clearfix">
        <div class="grid_3">
          <h4><span>Text widget</span></h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </div>
        <div class="grid_3">
          <h4><span>Latest articles</span></h4>
          <ul>
            <li><a href="#">Examination of symptoms using latest technologies</a></li>
            <li><a href="#">Ask our doctor a question!</a></li>
            <li><a href="#">Health and care?</a></li>
            <li><a href="#">Dental Hygienist Career</a></li>
          </ul>
        </div>
        <div class="grid_3">
          <h4><span>Most read</span></h4>
          <div class="article_box">
            <div class="article_box_img"> <a href="#"><img src="images/img-50x50.jpg" width="50" height="50" alt="image 50 50" /></a> </div>
            <div class="article_box_title"><a href="#">The ultimate cure for patients</a></div>
            <div class="article_box_date">Posted Sept 30, 2012</div>
          </div>
          <div class="article_box">
            <div class="article_box_img"> <a href="#"><img src="images/img-50x50-2.jpg" width="50" height="50" alt="image 50 50" /></a> </div>
            <div class="article_box_title"><a href="#">Dental Hygienist and patient</a></div>
            <div class="article_box_date">Posted Sept 30, 2012</div>
          </div>
        </div>
        <div class="grid_3">
          <h4><span>Cetegories</span></h4>
          <ul>
            <li><a href="#">Doctors</a></li>
            <li><a href="#">Therapy</a></li>
            <li><a href="#">Medical</a></li>
            <li><a href="#">Healthcare</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div id="footer_wrapper">
    <div class="container_12 clearfix">
      <div class="footerslidingarrow"></div>
      <div id="footer">
        <div class="copyright_left">&reg; Copyright 2012 Medicals Theme</div>
        <div class="copyright_right">Powered by <a href="http://www.thunderthemes.net/">ThunderThemes.net</a></div>
      </div>
    </div>
  </div>
  <div id="topcontrol" style="position: fixed; bottom: 0px; right: 0px; opacity: 1; cursor: pointer;" title="To the top! To the victory!"> </div>
</div>
<script type="text/javascript"> $('#carousel').elastislide({ imageW  : 135, margin : 20, minItems    : 4, border      : 1, }); $(".block_accordion").tabs(".block_accordion .content", { tabs : '.button_outer', effect : 'slide', initialIndex : 0 }); </script>
</body>
<!-- Mirrored from demo.thunderthemes.net/medicals/1/elements.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 08 Nov 2012 18:51:19 GMT -->
</html>